﻿@using WHLRDF.Application.Model;
@{

    ViewData["Title"] = "Action管理 管理";

}

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content text-center p-md ibox-content-search">
                    <form class="form-horizontal" datatable="tableGrid">
                        <div class="form-group col-md-4">
                            <label for="keyWord" class="col-md-3 control-label text-right">关键字</label>
                            <div class="col-md-9">
                                <input id="keyWord" name="keyWord" class="form-control" placeholder="关键字" />
                            </div>
                        </div>

                        <div>

                            <a class="btn  btn-danger  pull-right btn-rounded btn-outline btn-delete"><i class="fa fa-trash"></i>删  除</a>
                            <label class="pull-right">   </label>
                            <a class="btn  btn-primary pull-right btn-rounded btn-outline" asp-action="Edit"><i class="fa fa-plus"></i>新  增</a>
                            <label class="pull-right">   </label>
                            <a class="btn btn-primary pull-right btn-rounded btn-search"><i class="fa fa-search"></i>搜  索</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content text-center p-md">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover dataTables" id="tableGrid">
                            <thead>
                                <tr>
                                    <td>
                                        <div class="i-checks">
                                            <label> <input type="checkbox" class="thead checkall" title="全选" /></label>
                                        </div>
                                    </td>
                                    <td>ActionName</td>
                                    <td> 按钮名称</td>
                                    <td> 描述</td>
                                    <td> 是否系统</td>
                                    <td>操作</td>
                                </tr>

                            </thead>

                            <tfoot>

                                <tr>
                                    <td>
                                        <div class="i-checks">
                                            <label> <input type="checkbox" class="tfoot checkall" title="全选" /></label>
                                        </div>
                                    </td>
                                    <td>ActionName</td>
                                    <td> 按钮名称</td>
                                    <td> 描述</td>
                                    <td> 是否系统</td>
                                    <td>操作</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script type="text/javascript">

        $(document).ready(function () {
                var table = $(".dataTables").CustomForm({
                    isValidate: false,
                    isTable: true,
                    "order": [[1, "desc"]], //默认排序
                    deleteUrl:"@Url.Action("Delete")",
                    ajaxUrl: "@Url.Action("ForGrid")",
                        "columns": [
                         CONSTANT.DATA_TABLES.COLUMN.CHECKBOX("ActionId")
                         , {

                             "name": "ActionId",
                             "data": "ActionId",
                             "title": "ActionId",
                             "sDefaultContent": "",
                             "type": 'string',
                             "format": '',
                             "bSortable": true
                         }

	                            ,{

                                    "name": "ActionName",
                                    "data":"ActionName",
                                    "title": "ActionName",
                                   "sDefaultContent": "",
                                    "type": 'string',
                                    "format":'',
                                    "bSortable":true

                                   }

	                            ,{

                                    "name": "LocalName",
                                    "data":"LocalName",
                                    "title": " 按钮名称",
                                   "sDefaultContent": "",
                                    "type": 'string',
                                    "format":'',
                                    "bSortable":true

                                   }

	                            ,{

                                    "name": "Remark",
                                    "data":"Remark",
                                    "title": " 描述",
                                   "sDefaultContent": "",
                                    "type": 'string',
                                    "format":'',
                                    "bSortable":true

                                   }
                                ,CONSTANT.DATA_TABLES.COLUMN.CHECKBOX("ActionId",true,"是否系统")


                        , CONSTANT.DATA_TABLES.COLUMN.ACTIONBTN("ActionId", "@Url.Action("Edit")")
                        ],
                        /*
                 * 向服务器传递的参数
                 */
                        "fnServerParams": function(data) {
                                        data.keyWord = $("#keyWord").val();
                                    }
                                });

                            });


    </script>
}
